<!DOCTYPE html>





<html class="theme-next gemini use-motion" lang="zh-CN">
<head>
  <meta charset="UTF-8">
<meta name="generator" content="Hexo 3.9.0">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<meta name="theme-color" content="#222">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png?v=7.3.0">
  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png?v=7.3.0">
  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png?v=7.3.0">
  <link rel="mask-icon" href="/images/logo.svg?v=7.3.0" color="#222">
  <meta name="google-site-verification" content="uSLhm-2JUAoM7eOTok7L19IyTJqp7dgwYpDu8dthN5Y" />

<link rel="stylesheet" href="/css/main.css?v=7.3.0">


<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css?v=4.7.0">
  <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/theme-next/theme-next-needmoreshare2@1/needsharebutton.min.css">
  <link rel="stylesheet" href="/lib/pace/pace-theme-center-atom.min.css?v=1.0.2">
  <script src="/lib/pace/pace.min.js?v=1.0.2"></script>


<script id="hexo-configurations">
  var NexT = window.NexT || {};
  var CONFIG = {
    root: '/',
    scheme: 'Gemini',
    version: '7.3.0',
    exturl: false,
    sidebar: {"position":"left","display":"post","offset":12,"onmobile":true},
    back2top: {"enable":true,"sidebar":true,"scrollpercent":true},
    save_scroll: false,
    copycode: {"enable":true,"show_result":true,"style":"mac"},
    fancybox: false,
    mediumzoom: false,
    lazyload: false,
    pangu: false,
    algolia: {
      appID: '',
      apiKey: '',
      indexName: '',
      hits: {"per_page":10},
      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
    },
    localsearch: {"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},
    path: '',
    motion: {"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},
    translation: {
      copy_button: '复制',
      copy_success: '复制成功',
      copy_failure: '复制失败'
    }
  };
</script>

  <meta name="description" content="程序起源 第一章这篇文章并不是真的介绍程序真正的起源过程!! 仅仅只是一部类小说的入门教程…">
<meta name="keywords" content="编程,程序起源">
<meta property="og:type" content="article">
<meta property="og:title" content="程序起源 - 第一章">
<meta property="og:url" content="https://www.wootec.top/2019/12/03/Chapter-1/index.html">
<meta property="og:site_name" content="Reverier 个人博客">
<meta property="og:description" content="程序起源 第一章这篇文章并不是真的介绍程序真正的起源过程!! 仅仅只是一部类小说的入门教程…">
<meta property="og:locale" content="zh-CN">
<meta property="og:updated_time" content="2019-12-15T15:27:58.266Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="程序起源 - 第一章">
<meta name="twitter:description" content="程序起源 第一章这篇文章并不是真的介绍程序真正的起源过程!! 仅仅只是一部类小说的入门教程…">
  <link rel="alternate" href="/atom.xml" title="Reverier 个人博客" type="application/atom+xml">
  <link rel="canonical" href="https://www.wootec.top/2019/12/03/Chapter-1/">


<script id="page-configurations">
  // https://hexo.io/docs/variables.html
  CONFIG.page = {
    sidebar: "",
    isHome: false,
    isPost: true,
    isPage: false,
    isArchive: false
  };
</script>

  <title>程序起源 - 第一章 | Reverier 个人博客</title>
  








  <noscript>
  <style>
  .use-motion .motion-element,
  .use-motion .brand,
  .use-motion .menu-item,
  .sidebar-inner,
  .use-motion .post-block,
  .use-motion .pagination,
  .use-motion .comments,
  .use-motion .post-header,
  .use-motion .post-body,
  .use-motion .collection-title { opacity: initial; }

  .use-motion .logo,
  .use-motion .site-title,
  .use-motion .site-subtitle {
    opacity: initial;
    top: initial;
  }

  .use-motion .logo-line-before i { left: initial; }
  .use-motion .logo-line-after i { right: initial; }
  </style>
</noscript>

</head>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-CN">

  <div class="container sidebar-position-left">
    <div class="headband"></div>

    <header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-wrapper">
  <div class="site-meta">

    <div class="custom-logo-site-title">
      <a href="/" class="brand" rel="start">
        <span class="logo-line-before"><i></i></span>
        <span class="site-title">Reverier 个人博客</span>
        <span class="logo-line-after"><i></i></span>
      </a>
    </div>
        <p class="site-subtitle">Hope, Marvel, Youth.</p>
      
  </div>

  <div class="site-nav-toggle">
    <button aria-label="切换导航栏">
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
      <span class="btn-bar"></span>
    </button>
  </div>
</div>


<nav class="site-nav">
  
  <ul id="menu" class="menu">
      
      
      
        
        <li class="menu-item menu-item-home">
      
    
      
    

    <a href="/" rel="section"><i class="menu-item-icon fa fa-fw fa-home"></i> <br>首页</a>

  </li>
      
      
      
        
        <li class="menu-item menu-item-about">
      
    
      
    

    <a href="/about/" rel="section"><i class="menu-item-icon fa fa-fw fa-user"></i> <br>关于</a>

  </li>
      
      
      
        
        <li class="menu-item menu-item-tags">
      
    
      
    

    <a href="/tags/" rel="section"><i class="menu-item-icon fa fa-fw fa-tags"></i> <br>标签<span class="badge">15</span></a>

  </li>
      
      
      
        
        <li class="menu-item menu-item-categories">
      
    
      
    

    <a href="/categories/" rel="section"><i class="menu-item-icon fa fa-fw fa-th"></i> <br>分类<span class="badge">11</span></a>

  </li>
      
      
      
        
        <li class="menu-item menu-item-archives">
      
    
      
    

    <a href="/archives/" rel="section"><i class="menu-item-icon fa fa-fw fa-archive"></i> <br>归档<span class="badge">16</span></a>

  </li>
  </ul>

</nav>
</div>
    </header>

    

  <a href="https://github.com/Reverier-Xu" class="github-corner" title="My tour on GitHub" aria-label="My tour on GitHub" rel="noopener" target="_blank"><svg width="80" height="80" viewBox="0 0 250 250" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a>


    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
            

          <div id="content" class="content page-post-detail">
            

  <div id="posts" class="posts-expand">
    

  <article class="post" itemscope itemtype="http://schema.org/Article">
  
  
  
  <div class="post-block">
    <link itemprop="mainEntityOfPage" href="https://www.wootec.top/2019/12/03/Chapter-1/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="name" content="Reverier Xu">
      <meta itemprop="description" content="Hope, Marvel, Youth.">
      <meta itemprop="image" content="/images/Reverier.png">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Reverier 个人博客">
    </span>
      <header class="post-header">
        <h1 class="post-title" itemprop="name headline">程序起源 - 第一章

          
        </h1>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              
                
              

              <time title="创建时间：2019-12-03 23:17:00" itemprop="dateCreated datePublished" datetime="2019-12-03T23:17:00+08:00">2019-12-03</time>
            </span>
          
            

            
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2019-12-15 23:27:58" itemprop="dateModified" datetime="2019-12-15T23:27:58+08:00">2019-12-15</time>
              </span>
            
          
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              <span class="post-meta-item-text">分类于</span>
              
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/程序起源/" itemprop="url" rel="index"><span itemprop="name">程序起源</span></a></span>

                
                
              
            </span>
          

          
            <span class="post-meta-item" title="阅读次数">
              <span class="post-meta-item-icon">
                <i class="fa fa-eye"></i>
              </span>
              <span class="post-meta-item-text">阅读次数：</span>
              <span class="busuanzi-value" id="busuanzi_value_page_pv"></span>
            </span>
          

                    

    
    
    
    <div class="post-body" itemprop="articleBody">

      
        <h1 id="程序起源-第一章"><a href="#程序起源-第一章" class="headerlink" title="程序起源 第一章"></a>程序起源 第一章</h1><p>这篇文章并不是真的介绍程序真正的起源过程!! 仅仅只是一部类小说的入门教程…</p>
<a id="more"></a>

<h2 id="计算机的本质"><a href="#计算机的本质" class="headerlink" title="计算机的本质"></a>计算机的本质</h2><p>计算机的本质是什么呢? 顾名思义, 当然是一个计算工具了. 不过得益于计算机的可扩展设计, 他所能做的不仅仅只是像一个计算器那样进行简单的计算, 而是在程序语言的基础上干更多的事情, 从而支撑起这个日渐丰富的信息化世界.</p>
<h2 id="程序语言"><a href="#程序语言" class="headerlink" title="程序语言"></a>程序语言</h2><p>最初的计算机确实是用来进行一些计算工作的, 比如计算导弹的弹道轨迹等. 但是计算机刚发明的时候, 没有键盘, 甚至没有屏幕, 因此人们只能使用穿孔卡带, 对照着机器指令表一条一条的把指令输入进去, 用0和1来计算. 当计算机技术发展到一定程度的时候, 人们就迫切的需要设计一种更高级的方式, 从机器语言之中解脱出来, 提高生产效率. 这个时候, 汇编语言成为了一个跳板. 人人们通过翻译的方式, 把一些指令包装成了一些易于记忆的单词, 写完程序之后让编译器根据指令表把源代码翻译成指令, 产生最终的程序.</p>
<p>但是这样远远不够, 特别是对于一些只想潜心研究数学物理而不想把时间浪费在编写繁杂的汇编指令上的科学家们.</p>
<h2 id="雏形"><a href="#雏形" class="headerlink" title="雏形"></a>雏形</h2><p>首先, 人们想到的, 是让计算机可以执行一些简单的计算指令, 例如:</p>
<figure class="highlight lsl"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="number">2</span> + <span class="number">3</span></span><br><span class="line">(<span class="number">3</span> / <span class="number">2</span>) + <span class="number">5</span> * (<span class="number">3</span> + <span class="number">4</span>)</span><br></pre></td></tr></table></figure>

<p>这种简单的算式.</p>
<p>这种类似于计算器的程序, 可以通过一些算法很轻易的实现.</p>
<p>不过为了执行的方便, 制定了一些规定:</p>
<blockquote>
<p>1, 不同对象之间必须以明确的运算符号相分割, 不允许出现 2(3 + 4)这种情况, 虽然几乎所有学过数学的人都默认2和括号之间是乘法运算关系.<br>2, 括号内的内容被优先执行, 表达式基本符合先加减后乘除的基本运算法则, 但是在优先度相同的内容之间尽量从左往右执行, 但不保证一定是这样.</p>
</blockquote>
<p>于是根据这几个小规定以及简单的计算需求, 人们研究出来一种简单的计算器程序, 用户每输入一个式子, 程序就会进行计算并将结果呈现在屏幕上. 人们把这种可以被正确执行的, 完整的式子称作一条合法的<strong>表达式语句</strong>.</p>
<h2 id="变量"><a href="#变量" class="headerlink" title="变量"></a>变量</h2><p>但是, 这个程序很快就不那么令人满意了. 人们有时候需要计算一个很长的过程啊, 把这个过程写到同一行未免有点难为人, 如果前面的计算结果恰好要在后米纳的计算过程中使用, 记不住也是一件很难受的事情.</p>
<p>在发明计算机的时候, 为了让计算机能够读取程序并执行, 设计者在计算机里面留了一个叫做内存的玩意儿, 这个东西可以储存程序的指令, 是不是也可以储存临时计算结果呢?</p>
<p>答案是当然可以. 懒不愧是科学发展的第一驱动力, 人们决定对这个计算器程序进行一些升级, 往里面加入一些能够储存临时结果的东西, 也就是<strong>变量</strong>. 变量这个东西其实很常见了, <code>y = f(x)</code>这种式子在数学课本上到处都是, 如果要进行数学研究, 怎么能少了变量这种东西呢?</p>
<p>在设计变量的时候人们碰到了一些问题, 在计算机里面, 所有的数据都是用0和1来存储的, 那么我们怎么知道这一大堆0和1, 表示什么数呢? 如果是整数, 自然好表示, 如果是小数呢? 首先, 由于只能存储0和1, 所以你是没有办法表示小数点的. 人们设计了两套系统, 一套用来处理整数, 一套用来处理小数. 人们并不想费脑筋去编写程序推断你的变量究竟是小数还是整数, 索性规定:</p>
<blockquote>
<p>1, 要先声明变量并指明变量的类型, 才能够使用它.</p>
</blockquote>
<p>声明一个变量, 只需要使用 <code>&lt;变量类型&gt; &lt;变量名称&gt;</code>的方式就可以了. 例如<code>int x</code>, 会声明一个整数类型的<code>x</code>变量以供使用.</p>
<p>于是你就可以这样在计算器程序里面写 (假设’-&gt;’后面的是用户的输入)</p>
<figure class="highlight lsl"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">-&gt; int x</span><br><span class="line">声明了整数类型的 x</span><br><span class="line">-&gt; x = <span class="number">2</span> + <span class="number">5</span></span><br><span class="line">计算 <span class="number">2</span> + <span class="number">5</span>, 结果为 <span class="number">7</span>, 储存在 x 里面.</span><br><span class="line">-&gt; int y</span><br><span class="line">声明了整数类型的 y</span><br><span class="line">-&gt; y = <span class="number">3</span> + x</span><br><span class="line">读取 x 的值为 <span class="number">7</span>, 计算<span class="number">3</span> + <span class="number">7</span>, 结果为 <span class="number">10</span>, 储存在 y 里面.</span><br></pre></td></tr></table></figure>

<p>人们在编写好的计算器程序里面提供了这样几种类型:</p>
<p><strong>int</strong> : <code>integer</code>的缩写, 意思是整数. 比较小的整数都可以储存在<code>int</code>类型里面.这个比较小, 最大的界限是<code>-2147483648 ~ 2147483647</code>, 但是大多数程序员是记不住这个数字的, 索性记着10位数以下的都用<code>int</code>类型.</p>
<p><strong>long</strong> : 比较大的整数, 当你发现<code>int</code>类型不好用的时候, 可以尝试把类型声明改成<code>long</code>.</p>
<p><strong>long long</strong> : 最大的整数类型, 范围是<code>-9223372036854775808 ~ 9223372036854775807</code>, 但是也没有人记得住. 如果<code>long</code>不足以招架你的计算结果, 是时候请出<code>long long</code>了, 如果<code>long long</code>也不足以解决你的问题, 你可能就要借助一些编程手段而不是埋怨编译器不好了.</p>
<p><strong>float</strong> : 单精度浮点数, 说的直白一点就是普通小数. 但是精度不高.</p>
<p><strong>double</strong> : 双精度浮点数, 占用空间比<code>float</code>类型大了一倍, 精度比较高, 但是用来计算整数的时候还是有所问题, 比如会在计算过程中把中间结果 2 储存成 1.999999999999999, 所以应当避免用浮点数类型进行整数运算.</p>
<p><strong>char</strong> : 为了处理一些文字信息, 人们又引入了字符类型. 用八个二进制数位来表示一个字母. 一个字符既可以用单引号括起来表示 <code>&#39;a&#39;</code>, 也可以用数值表示 <code>97</code>.</p>
<p><strong>unsigned</strong> : <code>unsigned</code>表示无符号类型, 可以放在各个整数类型前面当前缀, 这样可以省下来表示负数的部分, 数值的表示范围扩大了一倍.</p>
<p>这样, 拥有了变量的计算器, 变得更加的强大了.</p>
<h2 id="分隔符"><a href="#分隔符" class="headerlink" title="分隔符"></a>分隔符</h2><p>但是呢, 人们有时候并不想一边输入一边查看计算结果. 如果我要进行科学演示怎么办? 或者说, 如果我想让我的代码能够读取输入然后进行一系列的计算怎么办呢? 有人提出来, 可以把表达式按顺序来写在一个文本文件里, 计算器通过读取这个文件来一条一条的执行. 这确实是个好办法, 但是怎么告诉计算器, 输入的一大堆东西, 从头开始读多长算是一条完整的指令呢? 有人提议说用换行来区分. 这样做确实可以, 但是如果表达式很长应该怎么办呀… 我们为了方便阅读, 有时候挺想把一大长句的表达式分成几行来阅读…而且, 如果以换行来区分的话, 写起来格式必须中规中矩的, 限制好多. 最终开发者决定, 使用<strong>分号</strong>来当不同表达式语句之间的<strong>分隔符</strong>, 并且做出了一个保证, 即当计算器遇到分号的时候, 它会保证分号之前的所有计算任务和表达式全部都执行完毕, 否则就不会继续往下执行.</p>
<p>据此, 人们就可以随心所欲的写代码了. 只要符合规定, 哪怕是乱成下面这样的代码, 也一样可以执行:</p>
<figure class="highlight c++"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">int</span></span><br><span class="line">x;</span><br><span class="line"><span class="keyword">int</span>             y;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">x = (<span class="number">2</span>         + <span class="number">3</span></span><br><span class="line">/<span class="number">4</span>   * <span class="number">5</span>          (<span class="number">3</span><span class="number">-45</span>)</span><br><span class="line">);</span><br><span class="line"><span class="keyword">int</span> __ = <span class="number">8</span>;</span><br><span class="line"></span><br><span class="line">       x=__=x*</span><br><span class="line">        (<span class="number">00</span>)|__-__-__-</span><br><span class="line">        (__)|      __-__-</span><br><span class="line">            x||__-__-</span><br><span class="line">            x||     x||x;</span><br></pre></td></tr></table></figure>

<p>这些看起来奇奇怪怪的表达式都是合法的.</p>
<h2 id="函数与作用域"><a href="#函数与作用域" class="headerlink" title="函数与作用域"></a>函数与作用域</h2><p>函数在数学里面是一个很重要的概念, 数学家们表示计算器很好用, 但是如果能写像 <code>y = f(x)</code> 这种程序就更好了. 于是人们又开始了长时间的研究…… 如何表示一个函数呢? 自然是沿用数学的习惯啦, 这样就可以最大限度的让计算机为数学服务而不用另学一套规则. 可是, 如果我想定义: <code>f(x) = 2 * x + 1</code>, 应该怎么去定义呢? 直接这么写确实是一种办法, 但是我们还需要给函数加上数据类型, 否则的话计算机不知道该怎么去处理函数里面的变量. 经过改进后, 人们可以通过:  <code>f(int x) = 2 * x + 1</code>的格式来定义一个函数. 这么做还有一个漏洞, 我们还需要定义<code>f(x)</code>的计算结果的类型, 于是最终成品就是: <code>int f(int x) = 2 * x + 1</code>, 而使用的时候就可以写: <code>y = f(2);</code>来计算<code>x = 2</code>时<code>f(x)</code>的值, 这么做确实令数学家们更加的高兴了.</p>
<p>而且从这个时候, 计算器就不能仅仅是对程序语句进行顺序的执行了, <strong>跳转</strong>和<strong>重用</strong>的概念也出现在了舞台上. 例如下面的代码:</p>
<figure class="highlight c++"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="function"><span class="keyword">int</span> <span class="title">f</span><span class="params">(<span class="keyword">int</span> x)</span> </span>= <span class="number">2</span> * x + <span class="number">1</span>;</span><br><span class="line"><span class="keyword">int</span> y = f(<span class="number">2</span>);</span><br><span class="line"><span class="keyword">int</span> z = f(<span class="number">3</span>);</span><br></pre></td></tr></table></figure>

<p>计算器按照顺序读取到第一行函数定义的时候, 因为只是个定义, 并没有实际的x让他去计算, 所以计算器跳过了这一部分. 读取到第二行的时候, 需要计算f(2)的值, 于是计算器就需要跳转到第一行, 将x赋值为2, 再执行<code>2 * x + 1</code>的计算, 最终将计算结果返回并赋值给y, 然后跳转到第三行, 发现要计算f(3)的值, 于是再次跳转到第一行, 计算完毕后跳回第三行并给z赋值. 两次执行f(x), 实际上就是对f(x)的定义进行了重复使用, 也就是<strong>重用</strong>.</p>
<p>但在开发者按照这个思路设计计算器程序的时候来了个大问题, 等号已经被定义成赋值的符号了啊, <code>x=2</code>就是把x赋值为2, 如果这么设计的话, 开发者就需要弄一个智能的等号, 判断当前语境, 如果是变量就执行赋值的操作, 如果是函数, 就执行定义函数的操作… 可是当时的计算机哪有这么多计算资源呢? 设计这样一个智能的等号不仅浪费计算机的资源, 延长工作时间, 而且计算器设计起来会很复杂, <del>前两次升级已经有很多程序员猝死了</del>, 还是饶过我们吧QAQ.</p>
<p>还有一个更加棘手的问题, 比如按照这个规则写出来的程序:</p>
<figure class="highlight c++"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">int</span> x;</span><br><span class="line"><span class="function"><span class="keyword">int</span> <span class="title">f</span><span class="params">(<span class="keyword">int</span> x)</span> </span>= <span class="number">2</span> * x + <span class="number">1</span>;</span><br><span class="line">x = <span class="number">5</span>;</span><br><span class="line"><span class="keyword">int</span> y = f(x);</span><br><span class="line"><span class="keyword">int</span> z = f(<span class="number">2</span>);</span><br></pre></td></tr></table></figure>

<p>那么函数定义里面那个x, 和参与了y的计算的那个x, 是不是同一个x呢? 当给z赋值时, f(2)里面的x实际上是等于2的, 那么计算之后, x究竟是5还是2呢? 这种令人迷惑的代码对头发实在是不怎么友好, 而且太为难程序开发者了..</p>
<p>于是开发者们提出来一个叫做<strong>代码块和作用域</strong>的概念.</p>
<p>我们可以用大括号<code>{}</code>来包含若干条表达式语句, 这些表达式语句共同组成了一个<strong>代码块</strong>, 在这个代码块内声明的变量只在这一对大括号括起来的若干条表达式中存在. 我们就称这对大括号所包含的表达式语句为这些变量的<strong>作用域</strong>.</p>
<p>这样一来我们可以用代码块来把代码分隔开, 定义函数的时候就可以写:</p>
<figure class="highlight c++"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"><span class="function"><span class="keyword">int</span> <span class="title">f</span><span class="params">(<span class="keyword">int</span> x)</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="number">2</span> * x + <span class="number">1</span>;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">int</span> x = <span class="number">5</span>;</span><br><span class="line"><span class="keyword">int</span> y = f(x);</span><br><span class="line"><span class="keyword">int</span> z = f(<span class="number">2</span>);</span><br></pre></td></tr></table></figure>

<p>由于代码块把x和外部的语句隔离开了, 所以在执行f(x)的时候, 里面的x的值如何改变, 并不会影响到外面的x.</p>
<p>这样的版本看起来已经很完善了, 但是开发者们总觉得, 既然提出来了代码块这个概念, 那么应该可以干更多的事情啊, 比如说把一连串更加复杂的表达式封装到一个函数里? 例如:</p>
<figure class="highlight c++"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="function"><span class="keyword">int</span> <span class="title">f</span><span class="params">(<span class="keyword">int</span> x)</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="keyword">int</span> y = <span class="number">9</span>;</span><br><span class="line">    y = x * y + <span class="number">9</span>;</span><br><span class="line">    <span class="comment">//这个函数应该返回什么结果?</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>

<p>函数定义写到一半戛然而止, 这个函数的最终计算结果是什么呢?</p>
<p>于是一个叫做<strong>return</strong>的机制被提了出来, 可以发明一个叫做<code>return</code>的语句, return后面所跟的数值就是函数最终的执行结果. 同时规定, 函数遇到return的时候就会返回return后面的数值, 同时立即返回调用函数的那个部分, 函数里面处于return后面的语句统统不执行. 于是我们可以这么写:</p>
<figure class="highlight c++"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="function"><span class="keyword">int</span> <span class="title">f</span><span class="params">(<span class="keyword">int</span> x)</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="keyword">int</span> y = <span class="number">9</span>;</span><br><span class="line">    y = x * y + <span class="number">9</span>;</span><br><span class="line">    <span class="keyword">return</span> y;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>

<p>这样的函数定义越来越完善了, 同时, 这种灵活的代码块设计也让函数做更多的事情, 让代码看起来更有序.</p>
<h2 id="操作系统的横空出世"><a href="#操作系统的横空出世" class="headerlink" title="操作系统的横空出世"></a>操作系统的横空出世</h2><p>随着计算机技术的发展, 计算机拥有了键盘和屏幕, 甚至鼠标. 人们也需要分享计算机的计算资源, 在一台计算机上运行不同的任务. 只有一个计算器肯定不行啊, 这样的话相当于是浪费了宝贵的计算机资源. 所以人们开发了一个叫做操作系统的软件, 本质上是一个调控平台, 其他的所有软件都运行在操作系统的平台上, 并听从操作系统的调遣. 操作系统按照时间, 让每一个程序都能在一段时间里面运行上一小会儿, 从而保证多个计算任务可以同时进行. 但是由于计算机的普及, 垃圾程序员开始变得多了起来, 具体表现就是许多人会写一些不符合规定的代码, 让计算器程序执行到一半的时候出一些没办法识别的错误. 而操作系统没办法识别这些错误, 也没有办法结束这些程序, 就只能干等着, 浪费了资源又增加了系统的不稳定性. 于是开发者们苦思冥想, 如何才能在不增加现有代码复杂度的情况下保证计算器可以正确运行呢?</p>
<p>最终, 得益于<code>代码块</code>和<code>函数</code>的概念, 人们想出来了一种简单的方法. 那就是, 将所有的计算表达式全部函数化! 计算器读取文件时, 从一个叫做main的函数开始执行, 在main函数的结尾有一个<code>return 0;</code>, 由于main函数是整个代码的主体, 不会有外部代码会写<code>int x = main(1);</code>这种表达式的, 所以计算器会把这个0返回给操作系统, 操作系统收到0之后就明白了, 这个任务已经成功的完成了. 如果计算器遇到了不符合规定的代码怎么办呢? 这个时候计算器会立即停止执行, 并返回一个非0的数字给操作系统, 表示这个代码有bug, 没能计算成功. 经过几个版本的迭代开发, 计算器和操作系统都变的更加智能并且可以识别一些常见的错误了, 这个时候操作系统就可以准备一张对照表, 计算器遇到某些类型的错误的时候可以按照这个表来返回一个非0数字, 来表示程序具体出了什么错误. 这样以来代码的编写者就可以通过查看系统日志的方式来看自己的程序出了什么错误, 从而加快排除bug的速度, 提成检查程序的能力.</p>
<p>根据这种设计, 开发者们规定, 所有在函数外部的过程性表达式全部都是非法的, 所有的计算过程必须写在函数定义的一个代码块内, main函数的定义就是主计算过程, 在任何函数里都可以调用外部的函数, 只要被调用的这个函数的定义在<strong>之前</strong>已经写出来了就行.</p>
<p>这个时候, 程序语言的发展已经有了一个最基本的框架了.</p>
<figure class="highlight c++"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line"><span class="function"><span class="keyword">int</span> <span class="title">f</span><span class="params">(<span class="keyword">int</span> x)</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="keyword">int</span> y = x + <span class="number">7</span>;</span><br><span class="line">    <span class="keyword">int</span> z = x * (y + <span class="number">3</span>);</span><br><span class="line">    <span class="keyword">return</span> x + z;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="function"><span class="keyword">int</span> <span class="title">main</span><span class="params">()</span> </span>&#123;</span><br><span class="line">    <span class="keyword">int</span> x = f(<span class="number">3</span>);</span><br><span class="line">    <span class="keyword">int</span> y = f(x);</span><br><span class="line">    </span><br><span class="line">    <span class="keyword">return</span> <span class="number">0</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>

<p>这就是一份合法的代码了. 由于计算器每读取一条指令就会计算出结果显示在屏幕上, 所以我们就可以从屏幕上看到所有的结果.</p>
<h1 id="预告"><a href="#预告" class="headerlink" title="预告"></a>预告</h1><p>由于语言的快速发展和复杂化, 原有的计算器变的越來越庞大, 在每个操作系统上都安装一个臃肿的计算器程序逐渐变的困难. 人们开始想把这些表达式组成的代码直接翻译成机器指令包装成程序, 从而脱离了计算器也一样可以执行. 于是人们发明了一个新的软件, 同时又增加了一些新的功能, 让程序可以在屏幕上输出特定的文字和数值, 而把计算过程隐藏起来……</p>

      
    </div>

    
    
    
<div>
  
    <div>
    
        <div style="text-align:center;color: #ccc;font-size:14px;">--本文结束-😁-感谢您的阅读!--</div>
    
</div>

  
</div>
      

      

      
        
      
      

      

      <footer class="post-footer">
        
          
            
          
          <div class="post-tags">
            
              <a href="/tags/编程/" rel="tag"><i class="fa fa-tag"></i> 编程</a>
            
              <a href="/tags/程序起源/" rel="tag"><i class="fa fa-tag"></i> 程序起源</a>
            
          </div>
        

        
  <div class="post-widgets">
    <div class="social-share">
      
      
        <div id="needsharebutton-postbottom">
          <span class="btn">
            <i class="fa fa-share-alt" aria-hidden="true"></i>
          </span>
        </div>
      
    </div>
  
  </div>


        
          <div class="post-nav">
            <div class="post-nav-next post-nav-item">
              
                <a href="/2019/12/02/Waiting for PWN/" rel="next" title="Waiting for PWN">
                  <i class="fa fa-chevron-left"></i> Waiting for PWN
                </a>
              
            </div>

            <span class="post-nav-divider"></span>

            <div class="post-nav-prev post-nav-item">
              
                <a href="/2019/12/10/Chapter-2/" rel="prev" title="程序起源 - 第二章">
                  程序起源 - 第二章 <i class="fa fa-chevron-right"></i>
                </a>
              
            </div>
          </div>
        
      </footer>
    
  </div>
  
  
  
  </article>
  </div>


          </div>
          
    
    
  <div class="comments" id="comments">
    <div id="lv-container" data-id="city" data-uid="MTAyMC80NjE1MC8yMjY2MQ=="></div>
  </div>
  
  

        </div>
          
  
  <div class="sidebar-toggle">
    <div class="sidebar-toggle-line-wrap">
      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
    </div>
  </div>

  <aside id="sidebar" class="sidebar">
    <div class="sidebar-inner">
        <ul class="sidebar-nav motion-element">
          <li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap">
            文章目录
          </li>
          <li class="sidebar-nav-overview" data-target="site-overview-wrap">
            站点概览
          </li>
        </ul>
      

      <div class="site-overview-wrap sidebar-panel">
        <div class="site-overview">

          <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
    <img class="site-author-image" itemprop="image"
      src="/images/Reverier.png"
      alt="Reverier Xu">
  <p class="site-author-name" itemprop="name">Reverier Xu</p>
  <div class="site-description motion-element" itemprop="description">Hope, Marvel, Youth.</div>
</div>
  <nav class="site-state motion-element">
      <div class="site-state-item site-state-posts">
        
          <a href="/archives/">
        
          <span class="site-state-item-count">16</span>
          <span class="site-state-item-name">日志</span>
        </a>
      </div>
    
      
      
      <div class="site-state-item site-state-categories">
        
          
            <a href="/categories/">
          
        
        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
        <span class="site-state-item-count">11</span>
        <span class="site-state-item-name">分类</span>
        </a>
      </div>
    
      
      
      <div class="site-state-item site-state-tags">
        
          
            <a href="/tags/">
          
        
        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
        <span class="site-state-item-count">15</span>
        <span class="site-state-item-name">标签</span>
        </a>
      </div>
    
  </nav>
  <div class="feed-link motion-element">
    <a href="/atom.xml" rel="alternate">
      <i class="fa fa-rss"></i>RSS
    </a>
  </div>
  <div class="links-of-author motion-element">
      <span class="links-of-author-item">
      
      
        
      
      
        <a href="https://github.com/Reverier-Xu" title="GitHub &rarr; https://github.com/Reverier-Xu" rel="noopener" target="_blank">GitHub</a>
      </span>
    
      <span class="links-of-author-item">
      
      
        
      
      
        <a href="https://stackoverflow.com/users/12383772/reverier" title="StackOverflow &rarr; https://stackoverflow.com/users/12383772/reverier" rel="noopener" target="_blank">StackOverflow</a>
      </span>
    
      <span class="links-of-author-item">
      
      
        
      
      
        <a href="mailto:reverier.xu@gmail.com" title="E-Mail &rarr; mailto:reverier.xu@gmail.com" rel="noopener" target="_blank">E-Mail</a>
      </span>
    
      <span class="links-of-author-item">
      
      
        
      
      
        <a href="https://weibo.com/dreamskytech" title="微博 &rarr; https://weibo.com/dreamskytech" rel="noopener" target="_blank">微博</a>
      </span>
    
      <span class="links-of-author-item">
      
      
        
      
      
        <a href="https://www.zhihu.com/people/reverier-78/activities" title="知乎 &rarr; https://www.zhihu.com/people/reverier-78/activities" rel="noopener" target="_blank">知乎</a>
      </span>
    
      <span class="links-of-author-item">
      
      
        
      
      
        <a href="https://user.qzone.qq.com/773389969" title="Qzone &rarr; https://user.qzone.qq.com/773389969" rel="noopener" target="_blank">Qzone</a>
      </span>
    
  </div>
  <div class="cc-license motion-element" itemprop="license">
    
  
    <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" class="cc-opacity" rel="noopener" target="_blank"><img src="/images/cc-by-nc-sa.svg" alt="Creative Commons"></a>
  </div>


  <div class="links-of-blogroll motion-element links-of-blogroll-block">
    <div class="links-of-blogroll-title">
      <i class="fa  fa-fw fa-link"></i>
      友情链接~
    </div>
    <ul class="links-of-blogroll-list">
        <li class="links-of-blogroll-item">
          <a href="https://www.std-frank.club/" title="https://www.std-frank.club/" rel="noopener" target="_blank">Frank</a>
        </li>
      
        <li class="links-of-blogroll-item">
          <a href="https://eqqie.cn/" title="https://eqqie.cn/" rel="noopener" target="_blank">赤道企鹅</a>
        </li>
      
        <li class="links-of-blogroll-item">
          <a href="https://cor1e.cn/" title="https://cor1e.cn/" rel="noopener" target="_blank">Cor1e</a>
        </li>
      
        <li class="links-of-blogroll-item">
          <a href="https://yunq1ao.com/" title="https://yunq1ao.com/" rel="noopener" target="_blank">yunq1ao</a>
        </li>
      
        <li class="links-of-blogroll-item">
          <a href="https://shal10w.github.io/" title="https://shal10w.github.io/" rel="noopener" target="_blank">shal10w</a>
        </li>
      
        <li class="links-of-blogroll-item">
          <a href="https://blog.csdn.net/arttnba3/" title="https://blog.csdn.net/arttnba3/" rel="noopener" target="_blank">arttnba3</a>
        </li>
      
    </ul>
  </div>


        </div>
      </div>
      <!--noindex-->
        <div class="post-toc-wrap motion-element sidebar-panel sidebar-panel-active">
          <div class="post-toc">

            
            
            
            

            
              <div class="post-toc-content"><ol class="nav"><li class="nav-item nav-level-1"><a class="nav-link" href="#程序起源-第一章"><span class="nav-number">1.</span> <span class="nav-text">程序起源 第一章</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#计算机的本质"><span class="nav-number">1.1.</span> <span class="nav-text">计算机的本质</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#程序语言"><span class="nav-number">1.2.</span> <span class="nav-text">程序语言</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#雏形"><span class="nav-number">1.3.</span> <span class="nav-text">雏形</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#变量"><span class="nav-number">1.4.</span> <span class="nav-text">变量</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#分隔符"><span class="nav-number">1.5.</span> <span class="nav-text">分隔符</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#函数与作用域"><span class="nav-number">1.6.</span> <span class="nav-text">函数与作用域</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#操作系统的横空出世"><span class="nav-number">1.7.</span> <span class="nav-text">操作系统的横空出世</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#预告"><span class="nav-number">2.</span> <span class="nav-text">预告</span></a></li></ol></div>
            

          </div>
        </div>
      <!--/noindex-->
      
        <div class="back-to-top motion-element">
          <i class="fa fa-arrow-up"></i>
          
            <span id="scrollpercent"><span>0</span>%</span>
          
        </div>
      

    </div>
  </aside>
  <div id="sidebar-dimmer"></div>


      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="footer-inner">
        <div class="copyright">&copy; 2019 – <span itemprop="copyrightYear">2020</span>
  <span class="with-love" id="animate">
    <i class="fa fa-free-code-camp"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">Reverier Xu</span>
</div>
<script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
  

        
<div class="busuanzi-count">
  <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <span class="post-meta-item-icon">
      <i class="fa fa-user"></i>
    </span>
    <span class="site-uv" title="总访客量">
      <span class="busuanzi-value" id="busuanzi_value_site_uv"></span>
    </span>
  
    <span class="post-meta-divider">|</span>
  
    <span class="post-meta-item-icon">
      <i class="fa fa-eye"></i>
    </span>
    <span class="site-pv" title="总访问量">
      <span class="busuanzi-value" id="busuanzi_value_site_pv"></span>
    </span>
  
</div>








        
      </div>
    </footer>
      <div class="reading-progress-bar"></div>

    
  
  <div id="needsharebutton-float">
    <span class="btn">
      <i class="fa fa-share-alt" aria-hidden="true"></i>
    </span>
  </div>
<script src="//cdn.jsdelivr.net/gh/theme-next/theme-next-needmoreshare2@1/needsharebutton.min.js"></script>
<script>
    pbOptions = {};
      pbOptions.iconStyle = "default";
    
      pbOptions.boxForm = "horizontal";
    
      pbOptions.position = "bottomCenter";
    
      pbOptions.networks = "Weibo,Wechat,Douban,QQZone,Twitter,Facebook";
    
    new needShareButton('#needsharebutton-postbottom', pbOptions);
    flOptions = {};
      flOptions.iconStyle = "default";
    
      flOptions.boxForm = "horizontal";
    
      flOptions.position = "middleRight";
    
      flOptions.networks = "Weibo,Wechat,Douban,QQZone,Twitter,Facebook";
    
    new needShareButton('#needsharebutton-float', flOptions);
</script>


  </div>

  
    
  
  <script color='0,0,255' opacity='0.5' zIndex='-1' count='99' src="/lib/canvas-nest/canvas-nest.min.js"></script>
  <script src="/lib/jquery/index.js?v=3.4.1"></script>
  <script src="/lib/velocity/velocity.min.js?v=1.2.1"></script>
  <script src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>

<script src="/js/utils.js?v=7.3.0"></script><script src="/js/motion.js?v=7.3.0"></script>

<script src="/js/schemes/pisces.js?v=7.3.0"></script>



<script src="/js/next-boot.js?v=7.3.0"></script>




  
  <script>
    (function(){
      var bp = document.createElement('script');
      var curProtocol = window.location.protocol.split(':')[0];
      bp.src = (curProtocol === 'https') ? 'https://zz.bdstatic.com/linksubmit/push.js' : 'http://push.zhanzhang.baidu.com/push.js';
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(bp, s);
    })();
  </script>




























  

  

  


  
  <script src="/js/scrollspy.js?v=7.3.0"></script><script src="/js/post-details.js?v=7.3.0"></script>


<script>
  window.livereOptions = {
    refer: location.pathname.replace(CONFIG.root, '').replace('index.html', '')
  };
  (function(d, s) {
    var j, e = d.getElementsByTagName(s)[0];
    if (typeof LivereTower === 'function') { return; }
    j = d.createElement(s);
    j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
    j.async = true;
    e.parentNode.insertBefore(j, e);
  })(document, 'script');
</script>

  <link rel="stylesheet" href="/dist/APlayer.min.css">
  <div id="aplayer"></div>
  <script type="text/javascript" src="/dist/APlayer.min.js"></script>
  <script type="text/javascript" src="/dist/music.js"></script>
</body>
</html>
<!-- 页面点击小红心 -->
<script type="text/javascript" src="/js/src/clicklove.js"></script>
